<script setup lang="ts">
import Taro from '@tarojs/taro';

const router = Taro.getCurrentInstance().router

const id = router?.params.id
console.log(id)

function back() {
	Taro.navigateBack()
}
</script>

<template>
	<view>
		<nut-navbar @on-click-back="back" title="详情"></nut-navbar>
		<view>
			<view>
				<nut-cell class="flex justify-center">
					<image class="h-300" src='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.t-ji.net%2FtujiJDAwMy50YW9iYW9jZG4uY29tL2Jhby91cGxvYWRlZC9pMy9UQjFIY1ZfRlYkNlgyWFYkNSQz.jpg&refer=http%3A%2F%2Fwww.t-ji.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666700890&t=07763c3ed57ee0e02acb28e33cb993d2' />
				</nut-cell>
			</view>
			<view>
				<nut-cell>
					<view class="flex flex-col">
						<text class="text-40 pb-2 font-bold">思想政治1：经济与生活</text>
						<text>发布时间:<text class="font-bold">2020-07-18 21:11</text></text>
						<text>活动开始:<text class="font-bold">2020-05-24 10:15</text></text>
						<text>活动结束:<text class="font-bold">2020-05-24 11:15</text></text>
						<text>地点:<text class="font-bold">图书馆六楼602</text></text>
					</view>
				</nut-cell>
			</view>
			<view>
				<nut-cell>
					<view>
						<text class="font-bold">活动简介：</text>
						<view>
							<text class="break-all text-dark-50">
								1
							</text>
						</view>
					</view>
				</nut-cell>
			</view>
			<view>
				<nut-cell>
					<view class="flex">
						<view class="mr-2">
							<image src="../../static/avatar.webp" class="w-70" />
						</view>
						<view class="flex flex-col">
							<text>参与导师:<text class="font-bold mx-2">张莉莉</text></text>
							<text>成长导师:<text class="font-bold mx-2 text-grey-600">图书馆</text></text>
						</view>
					</view>
				</nut-cell>
			</view>
			<view>
				<nut-cell>
				<view class="flex flex-col">
			
					<text>已预约/限预约:<text class="text-red">7/10</text></text>
					<text>参与学分:<text class="text-red">0.6</text></text>
				</view>
				</nut-cell>
			</view>
			<view class="p-2">
				<nut-button type="primary" block>预约活动</nut-button>
			</view>
		</view>
	</view>
</template>